<!DOCTYPE html>
<html lang="en">
    <head>
        <meta charset="UTF-8" />
        <link rel="stylesheet" href="sheets/options.css" />
    </head>
    <body>
        <div id="app">
            <h2 data-localize="Update options">Update Options</h2>
            <div>
                <label title="Click the Chromium Web Store badge to perform a manual check">
                    <input type="checkbox" id="auto_update"/> <span data-localize="Automatically check for extension updates">Automatically check for extension updates</span>
                </label>
                <label class="sub">
                    <span data-localize="Check for updates every $delayInMinutes$ minutes" data-param1="<input id='update_period_in_minutes' type='number' value='60'/>">Check for updates every <input id='update_period_in_minutes' type='number' value='60'/> minutes</span>
                </label>
            </div>
            <div>
                <label title="Will contact Google to check for updates">
                    <input type="checkbox" id="check_store_apps"/> <span data-localize="Check for updates to Chrome Web Store extensions">Check for updates to web store extensions</span>
                </label>
            </div>
            <div>
                <label title="Only works if extension supports auto-updating">
                    <input type="checkbox" id="check_external_apps"/> <span data-localize="Check for updates to non-Chrome Web Store extensions">Check for updates to non-web store extensions</span>
                </label>
            </div>
            <h2 data-localize="Ignored extensions">Ignored Extensions</h2>
            <div id='updatetoggle'></div>
            <h2 data-localize="Advanced">Advanced</h2>
            <div>
                <label title="Toggle this option if you are getting 'CRX_REQUIRED_PROOF_MISSING' errors">
                    <input type="checkbox" id="manually_install" /> <span data-localize="Always download CRX files">Always download CRX files</span>
                </label>
            </div>
            <h2 data-localize="Import/Export">Import / Export</h2>
            <div>
                <textarea id="import_export_list"></textarea>
                <input type="button" value="Install All" id="import_all_button"></input>
            </div>
        </div>
        <script src="scripts/util.js"></script>
        <script src="scripts/options.js"></script>
        <script src="scripts/localize.js"></script>
    </body>
</html>
